<script setup>
const props = defineProps({
    modelValue: {
        default: null
    },
    placeholder: {
        default: null
    },
    label:{
        default: null
    }
})

const value = useModel(props, 'modelValue')

const placeholder = computed(() => {
    if (props.placeholder) {
        return props.placeholder
    }
    return $t('common.pleaseEnter')+" "+ props.label
})
</script>

<template>
    <tr-input v-model="value" :placeholder="placeholder" clearable/>
</template>

<style scoped>

</style>
